<template>
		<div class='fileclassify'>
			<div class='fileclassify_list' v-for='data in 5'>
				<div class='fileclassify_title'>
					<span class='iconfont icon-a-VectorStroke'></span>
					<span class='fileclassify_title_description'>教育专区</span>
				</div>
				<div class='fileclassify_section'>
					<span class='fileclassify_section_content' v-for='item in 4'>幼儿教育</span>
					
				</div>
			</div>
			
		</div>
</template>

<script>
	export default {
		props: {
			titleObj:{
			    'title':'', 
					'title_icon':'', 
					'actionName':''
		  },
		},
		data(){
			return{
				src:'../img/bg.jpg'
			}
		},
		methods:{
			setNumber(val){
				let value = val;
				if(value>=1000){
					value = value/1000+'K';
				}else if(value>=10000){
					value = value/1000+'W';
				}
				return value
			}
		}
	}
</script>

<style>
	.fileclassify{
		display: flex;
		width:1200px;
		background: #FFFFFF;
		box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.08);
		border-radius:  4px;
		padding: 24px 0;
	}
	.fileclassify_list{
		display: flex;
		flex-direction: column;
		position: relative;
		padding:0 32px;
		box-sizing: border-box;
		width: 240px;
		&::after{
			content: '';
			position: absolute;
			width: 1px;
			background:#EFEFEF;
			right: -1px;
			height: 100%;
		}
		.right_header_list_title{
			font-weight: 500;
		}
		.fileclassify_title{
			color:#333;
			cursor: pointer;
			&:hover{
				color:#FF3333;
			}
			.iconfont{
				font-size: 14px;
				margin-right: 10px;
				
			}
			.fileclassify_title_description{
				height: 16px;
				font-size: 16px;
				font-family: PingFang SC-Medium, PingFang SC;
				font-weight: 500;
				line-height: 16px;
			}
		}
		.fileclassify_section{
			width: 208px;
			display:flex;
			flex-wrap: wrap;
			margin-top: 24px;
			
			.fileclassify_section_content{
				margin-right: 24px;
				font-size: 14px;
				font-family: PingFang SC-Regular, PingFang SC;
				font-weight: 400;
				color: #333333;
				line-height: 14px;
				margin-bottom: 16px;
				cursor: pointer;
				&:hover{
					color:#FF3333;
				}
			}
			.fileclassify_section_content:nth-last-child(1){
				margin-bottom: 0px;
			}
			.fileclassify_section_content:nth-last-child(2){
				margin-bottom: 0px;
			}
		}
	}
	
		
	
</style>
